<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="css/amazeui.min.css">
	<script src="js/jquery.js"></script>
	<script src="js/amazeui.js"></script>
	<title>出国一站通</title>
	<style>
	*{
		margin:0;
		padding:0;
		font-size: 0;
	}
	#chuguoyzt-body{
		max-width: 640px;
		margin: 0 auto;
	}
	.chuguoyzt-bottom-img{
		display: block;
		float: left;
		width:25%;
	}
	#chuguoyzt-menu-img{
		float:left;
		display: block;
		width:50%;
	}
	#chuguoyzt-menu-img5{
		width: 100%;
	}
	</style>
</head>
<body>
	<div id="chuguoyzt-body" class="sm">
		<div id="chuguoyzt-head" class="am-slider am-slider-default" data-am-slider='{"directionNav":false}'>
	  		<ul class="am-slides">
	   			<li>
	   				<img src="img/index-head1.png">	
	   			</li>
	   			<li>
	   				<img src="img/index-head2.png">	
	   			</li>
	  		</ul>
		</div>

		<div id="chuguoyzt-menu">
				<a href="finance.html"><img class="chuguoyzt-menu-img" src="img/cgyzt-1.png"></a>
				<a href="#"><img class="chuguoyzt-menu-img" src="img/cgyzt-2.png"></a>
				<a href="#"><img class="chuguoyzt-menu-img" src="img/cgyzt-3.png"></a>
				<a href="#"><img class="chuguoyzt-menu-img" src="img/cgyzt-4.png"></a>
				<a href="#"><img id="chuguoyzt-menu-img5" class="chuguoyzt-menu-img" src="img/cgyzt-5.png"></a>
		</div>

		<div id="chuguoyzt-bottom">
			<a href="index.html"><img class="chuguoyzt-bottom-img" src="img/index-bottom1.png"></a>	
			<a href="#"><img class="chuguoyzt-bottom-img" src="img/index-bottom2.png"></a>		
			<a href="haitao.html"><img class="chuguoyzt-bottom-img" src="img/index-bottom3.png"></a>		
			<a href="#"><img class="chuguoyzt-bottom-img" src="img/index-bottom4.png"></a>					
		</div>
	</div>	
	<script>
	$(function() {
		$('.am-slider').flexslider({
		});
	});
	</script>
</body>
</html>